/**
 * Created by HuQiang on 2017/7/21.
 */
import React from 'react';
import {Button} from 'antd';
import 'antd/dist/antd.css';

export default class BaseButton extends React.Component {
    render() {
        return (
            <Button type={this.props.buttonType}
                    onClick={this.props.buttonFunction}
                    size={this.props.buttonSize}
                    style={{
                        color: this.props.textColor,
                        backgroundColor: this.props.backgroundColor,
                        fontSize: this.props.fontSize,
                        border: this.props.border,
                        borderColor: this.props.buttonBorderColor,
                        width: this.props.buttonWidth,
                        height: this.props.buttonHeight,
                        marginLeft: this.props.buttonMarginLeft,
                        marginRight: this.props.buttonMarginRight,
                        marginTop: this.props.buttonMarginTop,
                        marginBottom: this.props.buttonMarginBottom,
                        borderRadius: this.props.buttonRadius,
                        display: this.props.display,
                        position: this.props.position,
                        left:this.props.left,
                        top:this.props.top
                    }}>
                {this.props.buttonText}
            </Button>
        );
    }
}

// const styles = {
//     color: this.props.textColor,
//     backgroundColor: this.props.backgroundColor,
//     fontSize: this.props.fontSize,
//     border: this.props.border,
//     borderColor: this.props.borderColor
// };